window.addEventListener("scroll", function () {
    var navbar = this.document.querySelector(".top");
    let list = this.document.querySelector(".list");
    var right = this.document.querySelector("#hot");
    var news = this.document.querySelector("#news");
    var returntop = this.document.querySelector(".return-top");
    if (this.window.scrollY > 380) {
        navbar.style.transform = "translateY(00%)";
        navbar.style.opacity = 1;
        list.style.position = "fixed";
        right.style.position = "fixed";
        list.style.top = "50px";
        news.style.position = "relative";
        news.style.left = "18.8%";
        right.style.top = "50px";
        returntop.style.opacity = "1";
    } else {
        navbar.style.transform = "translateY(-100%)";
        navbar.style.opacity = 0;
        list.style.position = "static";
        right.style.position = "static";
        news.style.position = "static";
        returntop.style.opacity = "0";
    }
});